/* pages/cate/cate.wxss */
.cate-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #f6f4f8;
  .cate-left {
    height: 100vh;
    background: #ffffff;
    width: 20%;
    .title {
      position: relative;
      height: 110rpx;
      font-size: 28rpx;
      text-align: center;
      line-height: 100rpx;
      
    }
    .active::after{
       content: ' ';
        display: block;
        width: 8rpx;
        height: 70rpx;
        position: absolute;
        background: #f45a4b;
        left: 0rpx;
        top: 50%;
        transform: translate(0,-50%);
      }
  }

  .right {
    width: 79%;
     height: 100vh;
     background: #ffffff;
    .list{
       display: flex;
        // justify-content: space-between;
        
        flex-wrap: wrap;
      
      .item{
        margin-top: 24rpx;
        display:flex;
        flex-direction: column;
        align-items: center;

        width: 33.33%;
        .icon{
          image{
            width: 90rpx;
            height: 90rpx;
          }
        }
        .font{
          font-size: 26rpx;
          margin-top: 8rpx;
        }
      }
    }
  }
}